import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'LogoView',
    component: () => import('../views/LogoView.vue'),
    redirect: '/LogoView'

  },
  {
    // 登录页面
    path: '/LogoView',
    name: 'LogoView',
    component: () => import('../views/LogoView.vue')
  },
  {
    // 401页面
    path: '/PageView',
    name: 'PageView',
    component: () => import('../views/PageView.vue')
  },
  {
    // 首页
    path: '/AboutView',
    meta:{
      id:186,
      nav:[]
    },
    name: 'AboutView',
    component: () => import('../views/AboutView.vue'),
    children: [
      // 首页
      {
        path: '/',
        name: 'IndeX',
        component: () => import('../views/index/IndeX.vue'),
        // redirect: '/index/IndeX'
      },
      {
        path: '/index/IndeX',
        name: 'IndeX',
        component: () => import('../views/index/IndeX.vue'),
      },
      // 角色管理员页面 管理员页面
      {
        path: '/ROOT/AdministrAtors',
        name: 'SinglePage',
        component: () => import('../views/ROOT/AdministrAtors.vue'),
      },
      {
        // 角色管理页面
        path: '/ROOT/RoLe',
        name: 'SinglePage',
        component: () => import('../views/ROOT/RoLe.vue'),
      },
      {
        // 角色管理页面 修改 添加
        path: '/ROOT/IncreAse',
        name: 'IncreAse',
        component: () => import('../views/ROOT/IncreAse.vue'),
      },


      // CMS页面 单页管理页面
      {
        path: '/CMS/SinglePage',
        name: 'SinglePage',
        component: () => import('../views/CMS/SinglePage.vue'),
      },
      {
        // 公告管理页面
        path: '/CMS/NoTice',
        name: 'SinglePage',
        component: () => import('../views/CMS/NoTice.vue'),
      },
      {
        // 角色管理页面 修改 添加
        path: '/CMS/IncreAse',
        name: 'IncreAse',
        component: () => import('../views/CMS/IncreAse.vue'),
      },


      {
        // BannEr管理页面
        path: '/Banner/BannEr',
        name: 'SinglePage',
        component: () => import('../views/Banner/BannEr.vue'),
      },
      {
        // 商城管理 分类
        path: '/MALL/ClassificaTion',
        name: 'ClassificaTion',
        component: () => import('../views/MALL/ClassificaTion.vue'),
      },
      {
        // 商城管理 尺寸
        path: '/MALL/MallSize',
        name: 'MallSize',
        component: () => import('../views/MALL/MallSize.vue'),
      },
      {
        // 商城管理 尺寸
        path: '/MALL/MallManage',
        name: 'MallManage',
        component: () => import('../views/MALL/MallManage.vue'),
      },
    ]
  }
]

const router = new VueRouter({
  routes
})

// import { checkToKen,myActions } from '@/api/index'
// router.beforeEach(async (to, from, next) => {
//   // 判断是否登录
//   // 判断登录是否过期
//   // 判断是否有权限
//   // to 去哪
//   // from  来自哪
//   // next  是否通过
//   let token = sessionStorage.getItem("token")
//   if (token) {
//     // 获取检测的标识
//     let res = await checkToKen()
//     if (res.code == 0) {
//       let {
//         data: res
//       } = await myActions()
//       let actions = res.map(r => r.id)
//       // 当前路由权限的id，去匹配当前用户的权限组
//       // 判断是否有权限
//       if (to.meta.id) {
//         // 查找id,没有的话跳转401
//         if (actions.indexOf(to.meta.id) == -1) {
//           next("/PageView")
//         } else {
//           next()
//         }
//       } else {
//         next()
//       }
//     } else {
//           // 判断是否是登录页，是的话，放行。
//     // 不是的话，跳转到登录首页
//       sessionStorage.removeItem("token")
//       if (to.path == "/LogoView") next()
//       else next("/LogoView")
//     }
//   } else {
//     // 判断是否是登录页，是的话，放行。
//     // 不是的话，跳转到登录首页
//     if (to.path == "/LogoView") next()
//     else next("/LogoView")
//   }
// })


export default router


